import React, { useRef, useState } from 'react'
import './refcom.css';
export default function RefCom() {
  //1. 创建一个容器
  let div = useRef();
  //显示函数
  let show = () => {
    //3. 使用 div.current 获取真实 dom
    div.current.classList.toggle('show');
  }

  return (
    <div>
      <button onClick={show}>点击显示</button>
      {/* 2. 为元素添加 ref 属性 */}
      <div ref={div} className='box'></div>
    </div>
  )
}
